<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><?=$title ?></title> 

        <!-- Bootstrap -->
        <link href="/media/css/bootstrap.min.css" rel="stylesheet">
        <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
        
        <!-- jQuery -->
        <script src="/media/js/jquery-1.10.2.min.js"></script>
        
        <!-- dragdealer -->
        <script src="/media/js/jquery-ui-1.10.3.custom.js"></script> 
        <link href="/media/css/jquery-ui-1.10.3.custom.css" rel="stylesheet">

        <!-- wavesurfer.js -->
        <script src="/media/js/wavesurfer.js"></script>
        <script src="/media/js/webaudio.js"></script>
        <script src="/media/js/drawer.js"></script>
        <script src="/media/js/drawer.canvas.js"></script>
        
        <!-- jQuery fileupload -->
        <script src="/media/js/jquery.ui.widget.js"></script>
        <script src="/media/js/jquery.fileupload.js"></script> 
        <link href="/media/css/jquery.fileupload.css" rel="stylesheet">
        
        <!-- jQuery filedownload -->
        <script src="/media/js/jquery.fileDownload.js"></script>

        <!-- Demo -->
        <script src="/media/js/main.js"></script>
        <?php /*<script src="/media/js/trivia.js"></script>   */ ?>
        
        <link rel="stylesheet" href="/media/css/style.css" /> 
    </head>

    <body itemscope itemtype="http://schema.org/WebApplication">
        <div class="container">
            <div class="header">
                <h1 itemprop="name">mixingvoice</h1>
            </div>

            <?=$content ?>
        </div>
        <div class="body-overlay">
            <img src="/media/images/loading.gif" />
        </div>
    </body>
</html>